<!--婚育史-->
<div class="td-patient-me-medical-record-marriage-history">
    <mt-cell title="结婚" :value="`${params.MarriageableAge}年`" is-link @click.native="showMarriageableAge=true"></mt-cell>
    <mt-cell title="避孕方式" is-link :label="params.ContraceptionWay?params.ContraceptionWay:' '" :value="!params.ContraceptionWay?'请选择':' '" @click.native="changeContraceptionWay"></mt-cell>
    <div class="list-radio-check-box" v-show="showContraceptionWay">
        <mt-header>
            <mt-button slot="right" @click.native="showContraceptionWay=false">关闭</mt-button>
        </mt-header>
        <td-check-radio :options="ContraceptionWayList" @changeEvent="getContraceptionWay"></td-check-radio>
    </div>
    <!-- <mt-cell title="避孕时长" :value="`${params.ContraceptionTime}年`" v-if="params.ContraceptionWay.split(',').includes('避孕药')"
    is-link @click.native="showContraceptionTime=true"></mt-cell> -->
    <mt-cell title="不孕(未避孕)">
        <div class="mint-radio-group">
            <el-radio-group size="mini" v-model="params.IsAciesis">
                <el-radio-button label="0">不孕</el-radio-button>
                <el-radio-button label="1">否认</el-radio-button>
            </el-radio-group>
        </div>
    </mt-cell>
    <mt-cell title="不孕年数" :value="`${params.AciesisTime}年`" v-if="params.IsAciesis==='0'" is-link @click.native="showAciesisTime=true"></mt-cell>
    <mt-cell title="足月产次数" :value="params.FullTermNumber"></mt-cell>
    <mt-cell title="早产次数" :value="params.PrematureNumber"></mt-cell>
    <mt-cell title="流产次数" :value="params.AbortionNumber"></mt-cell>

    <mt-cell title="现存子女">
        <div class="mint-radio-group mint-radio-group-num">
            <el-radio-group size="mini" v-model="params.ChildrenNumber">
                <el-radio-button label="0">0</el-radio-button>
                <el-radio-button label="1">1</el-radio-button>
                <el-radio-button label="2">2</el-radio-button>
                <el-radio-button label="3">3</el-radio-button>
                <el-radio-button label="4">4</el-radio-button>
                <el-radio-button label="5">5</el-radio-button>
            </el-radio-group>
        </div>
    </mt-cell>

    <mt-cell title="与现任配偶现存子女数">
        <div class="mint-radio-group mint-radio-group-num">
            <el-radio-group size="mini" v-model="params.ChildrenNumber1">
                <el-radio-button label="0">0</el-radio-button>
                <el-radio-button label="1">1</el-radio-button>
                <el-radio-button label="2">2</el-radio-button>
                <el-radio-button label="3">3</el-radio-button>
                <el-radio-button label="4">4</el-radio-button>
                <el-radio-button label="5">5</el-radio-button>
            </el-radio-group>
        </div>
    </mt-cell>
    <mt-field label="特殊说明" placeholder="请输入特殊说明" v-model="params.Remark"></mt-field>

    <div class="btn">
        <el-button size="mini" @click.native="btnPrev();">上一步</el-button>
        <el-button size="mini" type="primary" @click.native="btnSubmit();">保存</el-button>
        <el-button size="mini" @click.native="btnSubmit('');">下一步</el-button>
    </div>

    <mt-popup v-model="showMarriageableAge" position="bottom" class="mint-popup-box">
        <mt-header title="结婚">
            <mt-button slot="right" @click.native="showMarriageableAge=false">关闭</mt-button>
        </mt-header>
        <div class="list-box">
            <mt-radio :options="MarriageableAgeList" v-model="params.MarriageableAge" @change="getMarriageableAge"></mt-radio>
        </div>
    </mt-popup>

    <mt-popup v-model="showContraceptionTime" position="bottom" class="mint-popup-box">
        <mt-header title="避孕时长">
            <mt-button slot="right" @click.native="showContraceptionTime=false">关闭</mt-button>
        </mt-header>
        <div class="list-box">
            <mt-radio :options="ContraceptionTimeList" v-model="params.ContraceptionTime" @change="getContraceptionTime"></mt-radio>
        </div>
    </mt-popup>

    <mt-popup v-model="showAciesisTime" position="bottom" class="mint-popup-box">
        <mt-header title="不孕年数">
            <mt-button slot="right" @click.native="showAciesisTime=false">关闭</mt-button>
        </mt-header>
        <div class="list-box">
            <mt-radio :options="AciesisTimeList" v-model="params.AciesisTime" @change="getAciesisTime"></mt-radio>
        </div>
    </mt-popup>
</div>